<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="news.css">
</head>
<body>
<div class="top"><img src="../pict/1.jpg">
<a href="#">企业邮箱&nbsp;&nbsp;</a>
<a href="#">vip邮箱&nbsp;&nbsp;</a>
<a href="#">邮箱会员&nbsp;&nbsp;</a>
<a href="#">海外用户登录&nbsp;&nbsp;</a>
<a href="#">官方App&nbsp;&nbsp;</a>
<a href="#">|&nbsp;&nbsp;</a>
<a href="#">帮助&nbsp;&nbsp;</a>
<a href="#">登录反馈&nbsp;&nbsp;</a>
</div>
<div><img src="../pict/2.jpg" width="100%" height="840px">
    <div class="center" style="background:white;width: 500px;height: 400px;right: 100px;bottom: 10px;position: absolute">
        <form action="http://www.itcast.com" method="get" autocomplete="on">
            <div>注册详情</div><hr/>
            <div><label for="username">姓名:</label>
                <input type="text" id="username" name="username" placeholder="在此输入姓名"></div>
            <div><label for="password">密码:</label>
                <input type="password" id="password" name="password" placeholder="在此输入密码"></div>
            <div><label for="email">邮箱:</label>
                <input type="email" id="email" name="email" placeholder="在此输入邮箱"></div>
            <div><label for="tel">手机:</label>
                <input type="tel" id="tel" name="telphino" placeholder="在此输入号码"></div>
            <hr/>
            <div><label for="gender">性别:</label>
                <input type="radio" id="gender" name="gender" value="man">男
                <input type="radio" name="gender" value="woman">女
            </div>
            <div><label for="hobby">爱好:</label>
                <input type="checkbox" id="hobby" name="hobby" value="music">音乐
                <input type="checkbox" name="hobby" value="video">电影
                <input type="checkbox" name="hobby" value="game">游戏
            </div>
            <div><label for="birthday">出生日期:</label>
                <input type="date" id="birthday" name="birthday" placeholder="在此输入姓名"></div>
            <div>
                <label for="tel">所在城市</label>
                <select>
                    <option>请选择你所在城市</option>
                    <optgroup label="直辖市">
                        <option>北京</option>
                        <option>上海</option>
                        <option>重庆</option>
                        <option>天津</option>
                    </optgroup>

                    <optgroup label="省会城市">
                        <option>西安</option>
                        <option>杭州</option>
                        <option>郑州</option>
                        <option>武汉</option>
                    </optgroup>

                </select>
            </div>
            <hr/>
            <div>
                <label for="desc">个性签名:</label>
                <textarea id="desc" name="desc" rows="5" cols="40" placeholder="请写下您的与众不同..."></textarea>
            </div>
            <hr>

            <button type="submit">注册</button>
            <button type="reset">重置</button>
    </div>

    </form></div>

</body>
</html>